<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:rich="http://richfaces.org/rich"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:a4j="http://richfaces.org/a4j">
    <a4j:form id="frmUsuarios">
   		<rich:panel id="panUsuarios" header="Usuario">
			<h:panelGrid id="out" columns="4" styleClass="gridhello" columnClasses="gridhellocolumn">

                        <h:outputText value="Dispensario:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <a4j:commandButton id="btnBuscaDispensario" image="/imagenes/application_form_magnify.ico"
                                               actionListener="#{gestorUsuarios.pasarParamatrosDispensarios}" ajaxSingle="true"/>
                            <h:inputText id="idDispensario" value="#{gestorUsuarios.currentUsuario.dispensario.nombre}"
                                         required="true" readonly="true" requiredMessage="Es necesario llenar este campo."
                                         >
                                <a4j:support event="onblur"/>
                            </h:inputText>
                        <rich:message for="idDispensario" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Perfil:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <a4j:commandButton id="btnBuscaPerfil" image="/imagenes/application_form_magnify.ico"
                                               actionListener="#{gestorUsuarios.pasarParamatrosPerfil}" ajaxSingle="true"/>
                            <h:inputText id="idPerfil" value="#{gestorUsuarios.currentUsuario.perfil.perfil}"
                                         required="true" readonly="true" requiredMessage="Es necesario llenar este campo."
                                         >
                                <a4j:support event="onblur"/>
                            </h:inputText>
                        <rich:message for="idPerfil" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />



                        <h:outputText value="Cedula:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idCedula" value="#{gestorUsuarios.currentUsuario.cedula}"
                                     size="10" required="true" maxlength="10"
                                     validator="#{gestorUsuarios.validarRuc}"
                                     requiredMessage="Es necesario llenar este campo."
                                     >
                        <f:validateLength minimum="10" />
                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="idCedula" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        



                        <h:outputText value="Password:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputSecret id="idPassword" value="#{gestorUsuarios.currentUsuario.password}"
                                           binding="#{gestorUsuarios.password}"
                                     size="12" required="true" maxlength="12"
                                     requiredMessage="Es necesario llenar este campo."
                                     validatorMessage="El Password deberia ser minimo 8 caracteres"
                                     >
                        <f:validateLength minimum="5" />
                        <a4j:support event="onblur"/>
                        </h:inputSecret>
                        <rich:message for="idPassword" errorClass="mensaje_error" />
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="ConfirPass:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputSecret id="idCPassword" value=""
                                           binding="#{gestorUsuarios.cpassword}"
                                     size="12" required="true" maxlength="12"
                                     validator="#{gestorUsuarios.validarPassword}"
                                     requiredMessage="Es necesario llenar este campo."
                                     >
                        <f:validateLength minimum="5" />
                        <a4j:support event="onblur"/>
                        </h:inputSecret>
                        <rich:message for="idCPassword" errorClass="mensaje_error" style="font-size:14; font-weight: bold;color:red;"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />


                        <h:outputText value="Nombres:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idNombre" value="#{gestorUsuarios.currentUsuario.nombre}"
                                     required="true" maxlength="40"
                                     requiredMessage="Es necesario llenar este campo."

                                     >

                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="idNombre" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        

                        <h:outputText value="Apellidos:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idApellido" value="#{gestorUsuarios.currentUsuario.apellido}"
                                     required="true" maxlength="40"
                                     requiredMessage="Es necesario llenar este campo."

                                     >

                        <a4j:support event="onblur"/>
                        </h:inputText>
                        <rich:message for="idApellido" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        

                        <h:outputText value="Estado:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:selectOneMenu id="idEstado" label="Estado"
                                             value="#{gestorUsuarios.currentUsuario.estado}"
                                             required="true"
                                             requiredMessage="Es necesario llenar este campo.">
                                <f:selectItem itemLabel="Activo" itemValue="1"/>
                                <f:selectItem itemLabel="Inactivo" itemValue="0"/>
                                <a4j:support event="onblur"/>
                            </h:selectOneMenu>

                        <rich:message for="idEstado" errorClass="mensaje_error"/>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />

                        <h:outputText value="Fecha de Creacion:" />
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:inputText id="idFecha" value="#{gestorUsuarios.currentUsuario.fecha_crea}"

                                     required="true" maxlength="40"
                                     requiredMessage="Es necesario llenar este campo."
                                     readonly="true"
                                     >

                            </h:inputText>
                        </h:panelGroup>
                        <h:outputText value="" />
                        <h:outputText value="" />
                        


                    
                    </h:panelGrid>
                    


                    <h:panelGrid id="pngBtnGrabar" columns="3" cellspacing="5px">
			<a4j:commandButton id="btnGrabar" value="Agregar/Modificar" action="#{gestorUsuarios.grabar}"
                                                   title="Grabar o Modificar"/>
                        <a4j:commandButton id="btnRegresar" value="Regresar" action="usuarios" immediate="true"
	                                           title="Regresa a la Pagina Localidades"/>

	        </h:panelGrid>
                    <h:panelGrid id="mensajitoRequerido">
                        <h:panelGroup>
                            <img src="../imagenes/requerido.png" width="12" height="12" alt="requerido"/>
                            <h:outputText value="= El Campo es Requerido" styleClass="mensaje_AvisoRojo"  />
                        </h:panelGroup>
                        <h:panelGroup>
                            <img src="../imagenes/opcional.png" width="12" height="12" alt="opcional"/>
                            <h:outputText value="= El Campo es Opcional" styleClass="mensaje_AvisoAzul"  />
                        </h:panelGroup>
                    </h:panelGrid>

                
        </rich:panel>

         <a4j:include id="incBuscarDispensario" viewId="/comun/buscarDispensario.xhtml"/>
         <a4j:include id="incBuscarPerfil" viewId="/comun/buscarPerfil.xhtml"/>
    </a4j:form>
</ui:composition>